<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="web/templates/ui.xhtml">

	<ui:define name="title">
		<h:outputText value="Registro de Plantilla" />
	</ui:define>
	<ui:define name="sidebar">
		<div class="widget">
			<div class="title">
				<div class="inner">
					<h3>
						<h:outputText value="Menú" />
					</h3>
				</div>
			</div>
			
			<!-- MENU PERFIL ADMINISTADOR -->
			<ui:include src="menu.xhtml" />
			
		</div>
	</ui:define>
	<ui:define name="content">
		<div class="page-header">
			<h3>
				<h:outputText value="Plantilla" />
			</h3>
		</div>
		<div class="subTitle">
			<ol class="breadcrumb">
				<li><a href="index.jsf"><span class="glyphicon glyphicon-home"></span></a></li>
				
				<li class="active">Configuración</li>
			</ol>
		</div>
		

		<!-- Mensajes de Errores -->
		<div class="gridContent">
			<div class="inner">
				<h:form id="form">
					<p:messages id="messages" />
					<p:panel>
						<div class="row">
							<div class="col-sm-6 form-group">
								<p:outputLabel id="lblCenso" for="cboCenso" value="Censo" />
								<h:selectOneMenu styleClass="form-control" id="cboCenso" value="#{plantillaService.cboCenso}"
								 required="true" requiredMessage="El Campo 'Censo' es Obligatorio.">
									<f:selectItem itemLabel="SELECCIONAR" itemValue="-1" noSelectionOption="true"/>
									<f:selectItems value="#{responsableService.listaCensos}" var="entidad" itemLabel="#{entidad.nombre}" itemValue="#{entidad.id}" />
									<p:ajax listener="#{plantillaService.onCensoTipoPlantillaChange}" update="txtAsunto txtCuerpo" />
								</h:selectOneMenu>
							</div>
							<div class="col-sm-6 form-group">
								<p:outputLabel id="lblTipoPlantilla" for="cboTipoPlantilla" value="Tipo de Plantilla" />
								<h:selectOneMenu styleClass="form-control" id="cboTipoPlantilla" value="#{plantillaService.cboTipoPlantilla}"
								 required="true" requiredMessage="El Campo 'Tipo de Plantilla' es Obligatorio.">
									<f:selectItem itemLabel="SELECCIONAR" itemValue="-1" noSelectionOption="true"/>
									<f:selectItems value="#{plantillaService.listaTipoPLantilla}"></f:selectItems>
									<p:ajax listener="#{plantillaService.onCensoTipoPlantillaChange}" update="txtAsunto txtCuerpo" />
								</h:selectOneMenu>
							</div>
						</div>	
						<div class="row">
							<div class="col-sm-12 form-group">
								<p:outputLabel id="lblAsunto" for="txtAsunto" value="Asunto" />
								<p:inputText id="txtAsunto" value="#{plantillaService.txtAsunto}" required="true"
								styleClass="text-transform-none" maxlength="250"
								requiredMessage="El Campo 'Asunto' es Obligatorio."/>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12 form-group">
								<p:outputLabel id="lblCuerpo" for="txtCuerpo" value="Cuerpo" />
								<p:editor cols="33" id="txtCuerpo" style="width:100%;" 
								requiredMessage="El Campo 'Cuerpo' es Obligatorio." value="#{plantillaService.txtCuerpo}" required="true"/>
							</div>
						</div>
						<div class="btnAction row no-gutter">
							<div class="text-right">
								<p:commandButton styleClass="btn btn-success" icon="ui-menuitem-icon ui-icon fa fa-save" 
								iconPos="right" update=":form" value="Grabar" actionListener="#{plantillaService.ingresarPlantilla}" 
								oncomplete="setTimeout('mensajeFadeOut()', 5000);">
								<p:confirm header="Confirmación" message="¿Está seguro de guardar el registro de Plantilla?" icon="ui-icon-alert" />
								</p:commandButton>
							</div>
						</div>
					</p:panel>
				</h:form>
			</div>
		</div>
		<p:confirmDialog global="true" showEffect="fade" hideEffect="fade" closeOnEscape="true" rendered="true">
			<p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
			<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
		</p:confirmDialog>
	</ui:define>
	<ui:define name="script">
	</ui:define>
</ui:composition>